*{
			margin: 0;
			padding: 0;
		}
		a{
			text-decoration:none;
			color: #111;
		}
		ul{
			list-style: none;	
		}
		body{
			width: 100%;
			height: 100%;
			background: #fbfaf8;
		}

   		/*~~~内容区~~~*/
		#content {
			min-width: 975px;
			margin-bottom: 10px;
			position: relative;
			margin: 0 auto;
			max-width: 1130px;
			text-align: left;
			overflow: hidden;
		}
		#content:after {
			content: "";
			display: block;
			clear: both;
		}
		/*~~~广告~~~*/
		.speedbar {
			min-width: 975px;
			background-image: url(../images/volume.png);
			background-position: 1% 50%;
			background-repeat: no-repeat;
			clear: both;
			overflow: hidden;
			margin-bottom: 10px;
			padding: 8px 20px 18px;
			height: 15px;
			background-color: #fff;
			color: #666;
			line-height: 25px;
		}
		#callboard ul {
		    margin-left: 15px;
		    overflow: hidden;
		    height: 70px;
		}
		#callboard li {
		    margin-bottom: 10px;
		    overflow: hidden;
		    height: 25px;
		}
      /* contents */
      #contents{
         width: 100%;
         display: flex;
      }
      .sidebar{
         flex:1;
         border-right: 1px solid #e2dcd7;
      }
      .books{
         flex:4;
      }
      .books-content{
         font-size: 0;
         border-bottom: 1px solid #e2dcd7;
      }
      .book{
         position: relative;
         display: inline-block;
         width: 50%;
         box-sizing:border-box;
         padding: 0 0 30px 70px;
         /*background: #ccc;*/
      }
      .clear{
         content: "";
         display: block;
         clear: both;
      }
      .book-box{
         display: inline-block;
         vertical-align: top;
         font-size: 0;
      }
      .book-box>div{
         display: inline-block;
         vertical-align: top;
      }
      .book-img{
        box-shadow: 0px 7px 40px -3px rgba(0,0,0,0.5);
      }
      .book-img img{
         width: 96px;
         height: 128px;
      }
      .book-content{
         margin: 10px 0 0 35px;
      }
      .book-content a{
         display: block;
         max-height: 36px;
         margin: 3px 0 5px;
         font-size: 14px;
         line-height: 18px;
         overflow: hidden;
         color: #613f23;
         text-decoration: none;
      }
      .book-content-star>div{
         vertical-align: top;
         display: inline-block;
         width: 68px;
         height: 18px;
         margin-right: 5px;
         zoom: 1;
         background-image:url(../images/star.png);
      }
      .book-content-star>span{
         vertical-align: top;
         font-size: 12px;
      }
      .book-content>p{
         color: #999;
         font-size: 12px;
         line-height: 18px;
      }
      .star01{
         background-position: 0px 4px;
      }
      .sidebar li{
         height: 37px;
      }
      .sidebar li .wrap {
          padding: 9px 0;
          margin-right: 40px;
          border-bottom: 1px dashed #e2dcd7;
      }
      .sidebar li a {
         display: block;
         padding-left: 28px;
         padding-right: 50px;
         margin: 0;
         border: 0;
         font-size: 14px;
      }
      .wrap a{
          color: #111;
      }
      /*books-footer*/
      .books-footer{
         text-align: center;
      }
      #pagination{
         max-width: 886px;
         height: 32px;
         padding: 20px 0 15px 0;
         display: inline-block;
      }
      #pagination ul{
         display: inline-block;
      }
      #pagination ul:after {
         content: "";
         display: block;
         clear: both;
      }
      #pagination li{
         display: inline-block;
         margin-bottom: 0;
         margin-left: 0
      }

      #pagination li{
         float: left;
         margin: 0 3px;
         padding: 4px 12px 3px;
         background-color: #eee;
         color: #666;
         text-decoration: none;
         line-height: 20px;
      }
      #pagination a{
         color: #666;
      }
      #pagination .active{
         background: #333;
      }
      #pagination .p-mroe{
         background: #fff;
      }
